<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="layout">
<div th:fragment="content">
    <div class="product__content">
        <div class="row produc-tlist__nav">
            <div class="col-lg-6 col-sm-6 col-md-6 col-xs-6">
                案例
            </div>
            <div class="col-lg-6 col-sm-6 col-md-6 col-xs-6" style="text-align: right">
                首页>案例
            </div>
        </div>
        <div class="product-category">
            <a th:each="c : ${categorys}" th:href="'/products?category_id='+${c.categoryId}" th:class="${c.actived}?'active':''" th:text="${c.categoryName}"></a>

        </div>
        <div class="container product-list">
            <ul class="row">
                <li class="col-lg-4 col-xs-12" th:each="p : ${products}">
                    <div class="product-img">
                        <a th:href="'/product?pid='+${p.productId}">
                            <img th:src="${p.productThum}"/>
                        </a>
                    </div>
                    <div class="product-item">
                        <div class="product-name" th:text="${p.productName}">

                        </div>
                        <div class="product-line">

                        </div>
                        <div class="product-desc" th:text="${p.productDesc}">
                        </div>
                        <div class="product-more row">
                            <div class="col-lg-6 more-text">
                                <a th:href="'/product?pid='+${p.productId}">
                                    更多
                                </a>
                            </div>
                            <div class="col-lg-6 icon">
                                <i class="iconfont icon-zan"></i>
                            </div>
                        </div>
                    </div>
                </li>

            </ul>
        </div>
    </div>
</div>
</html>